<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>极速问诊</title>
    <link rel="stylesheet" href="./iconfont/iconfont.css">
    <link rel="stylesheet" href="./less/index.css">
</head>
<body>
<!-- 头部 -->
<header>
    <a href="#" class="back"><span class="iconfont icon-left"></span></a>
    <h3>极速问诊</h3>
    <a href="#" class="note">问诊记录</a>
</header>
<!-- 内容区域 -->
<div class="content">
    <img src="./assets/entry.png" alt="">
    <p><span>20s</span> 快速匹配专业医生</p>
</div>
<!-- 类型按钮区域 -->
<div class="type">
    <ul>
        <li>
            <a href="">
                <img src="assets/type01.png">
                <div>
                    <p class="p1">三甲图文问诊</p>
                    <p class="p2">三甲主治及以上级别医生</p>
                </div>
                <span class="iconfont icon-right"></span>
            </a>
        </li>
        <li>
            <a href="">
                <img src="assets/type02.png">
                <div>
                    <p class="p1">普通图文问诊</p>
                    <p class="p2">二甲主治及以上级别医生</p>
                </div>
                <span class="iconfont icon-right"></span>
            </a>
        </li>
    </ul>
</div>

<script src="js/flexible.js"></script>
</body>
</html>





